<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html lang="zh-cn">
<head>
<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="Author" content="">
<meta content=" " name="">
<title></title>
<link rel="stylesheet" type="text/css" href="css/css_whir.css"/>
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<!--[if lt IE 9]>
  <script type="text/javascript" src="js/html5shiv.v3.72.min.js"></script>
<![endif]--><script type="text/javascript">
   var navID = "3";
   var menuID = "[[${pid}]]";
</script>
</head>

<body>
<!--top-->
<header class="Top">
    <div class="Topbox">
        <div class="logo"><a href="index"></a></div>
        <!-- <a href="#" target="_blank" class="search"></a>-->
        <nav class="MainNav">
            <ul>
                <li><a id="nav1" class="navA" href="index">首页</a></li>
                <li><a id="nav2" class="navA" href="about">关于安时利</a></li>
                <li><a id="nav3" class="navA" href="product">产品中心</a></li>
                <li><a id="nav4" class="navA" href="jumpnews">新闻中心</a></li>
                <li><a id="nav5" class="navA" href="jumpServiceSupport">服务支持</a></li>
                <li><a id="nav6" class="navA" href="toQueryPatner">合作伙伴</a></li>
                <li><a id="nav7" class="navA" href="recruitment">人才招聘</a></li>
                <li><a id="nav8" th:if="${session.user==null}" class="navA" href="jump">登录</a>
                    <a th:if="${session.user!=null}"
                       id="nav8" class="navA" href="logout">退出</a></li>
                <!--                <li><a id="nav9" class="navA" href="jumpRegister">注册</a></li>-->
            </ul>
        </nav>

        <div class="clear"></div>
    </div>
    <div class="clear"></div>
</header>


<script type="text/javascript">
   //导航选中
    $("#nav" + navID).addClass("onnav");
	$( function(){
			$(".MainNav").find("li:last").css("background","");
    })

</script>
<!--top End-->

<aside class="Banner" style=" background:url(images/c.jpg) no-repeat top center;"></aside>

<section class="Contain">
    <div class="ContainBox">
       <aside class="SildeBar">
          <nav class="MenuList">
   <div class="menu_title">
      <span class="col">PRODCUTS</span>
      <em class="ali">产品中心</em>
      <div class="location"><a href="#">首页</a> &gt;<a href="#">产品中心</a></div>
   </div>
   <div class="Menu1">
       <ul>
           <li th:each="rank,rankStat:${session.ranks}"><a class="Cate" th:id="${'menu'+rank.pc_id}" th:href="@{/product(pc_id=${rank.pc_id})}" th:text="${rank.pc_name}"></a>
            <dl>
              <dt th:each="product,productStat:${products}"><a th:href="@{/product(pc_id=${rank.pc_id},ppc_id=${product.pc_id})}" th:text="${product.pc_name}"></a></dt>
            </dl>
          </li>
       </ul>
   </div>
</nav>
<script type="text/javascript">
    //菜单选中
    $("#menu" + menuID).addClass("onmenu");
    $(".onmenu").parents("li").find("dl").slideDown(500);
    /*$(".Menu1 li").each(function () {
	   var Btn = $(this).children("a");
		Btn.click(function(){
		var statis = $(this).parents("li").find("dl").css("display");
		if(statis == "none"){
			$(this).parents("li").siblings().find("dl").slideUp(500);
			$(this).parents("li").find("dl").slideDown(500);
			$(".Menu1 li").children("a").removeClass("onmenu");
			$(this).addClass("onmenu");
		}
		else{
			$(this).parents("li").find("dl").slideUp(500);
		}
		});  
    })*/
</script>
       </aside>
       <section class="MainContent">
          <input type="hidden" name="pc_id" th:value="${pc_id==null?0:pc_id}" />
           <input type="hidden" name="ppc_id" th:value="${ppc_id==null?0:ppc_id}" />
          <div class="Content">
             <div class="productlist">
                <ul>
                  <li th:each="pro,proStat:${allProducts.list}">
                      <figure>
                         <div class="corbox"><a th:href="@{product_info(p_id=${pro.p_id})}" target="_blank"><img width="220px" height="220px" alt="" th:src="${pro.p_image}"/></a></div>
                         <em class="corname"><a th:href="@{product_info(p_id=${pro.p_id})}" target="_blank" th:text="${pro.p_name}"></a></em>
                      </figure>
                  </li>
                </ul>
             </div>
             <div class="clear"></div>
              <div class="Pages">
                        <span class="p_count">共有<b th:text="${allProducts.pages}"></b>页 /当前:第<b th:text="${allProducts.pageNum}"></b>页</span>
                        <!--<span class="p_total"> 共有<b>3</b>条记录</span>-->
                        <span class="p_page">
                           <a th:onclick="ss(1)" href="javascript:void(0);" class="a_first">首页</a>
                           <a th:if="${allProducts.pageNum} != 1" href="javascript:void(0);" th:onclick="ss([[${allProducts.pageNum-1}]])" class="a_prev">上一页</a>
                           <a th:if="${allProducts.pageNum} == 1" href="javascript:void(0);" class="a_prev">上一页</a>
                           <a th:if="${allProducts.pageNum} != ${allProducts.pages}"href="javascript:void(0);" th:onclick="ss([[${allProducts.pageNum+1}]])" class='a_next'>下一页</a>
                           <a th:if="${allProducts.pageNum} == ${allProducts.pages}"href="javascript:void(0);" class='a_next'>下一页</a>
                           <a th:onclick="ss([[${allProducts.pages}]])" href="javascript:void(0);" class='a_end'>末页</a>
                        </span>
                        <script language="javascript">
                        $(document).ready(function () {
                            $(".a_first").css("color", "#939393");
                         });
                            function ss(pageNum) {
                                var pc_id = $("input[name='pc_id']").val();
                                var ppc_id = $("input[name='ppc_id']").val();
                                location.href = "product?pageNum="+pageNum+"&pc_id="+pc_id+"&ppc_id="+ppc_id;
                            }
                        </script>
              </div> 
          </div>
       </section>
       <div class="clear"></div>
    </div>
</section>

<!--bottom-->
<footer class="Bottomer">
  <div class="Bottom">
      <div class="Bottomnav">
          <ul>
              <li><em></em><a class="bt">关于安时利</a>
                  <dl>
                      <dt><a th:href="@{about}">公司概况</a></dt>
                      <dt><a th:href="@{social_responsibility}">社会责任</a></dt>
                      <dt><a th:href="@{sustained_development}">持续发展</a></dt>
                  </dl>
              </li>
              <li><em></em><a class="bt">产品中心</a>
                  <dl>
                      <dt><a th:href="@{product(pc_id=1)}">医学影像产品</a></dt>
                      <dt><a th:href="@{product(pc_id=2)}">心血管产品</a></dt>
                      <dt><a th:href="@{product(pc_id=3)}">超声产品</a></dt>
                      <dt><a th:href="@{product(pc_id=4)}">血管成像仪</a></dt>
                      <dt><a th:href="@{product(pc_id=5)}">疤痕修复产品</a></dt>
                      <dt><a th:href="@{product(pc_id=6)}">负压创伤治疗系统</a></dt>
                      <dt><a th:href="@{product(pc_id=7)}">安格电子直乙结肠镜</a></dt>
                  </dl>
              </li>
              <li><em></em><a class="bt">新闻中心</a>
                  <dl>
                      <dt><a th:href="@{queryNews(n_category=0)}">公司新闻</a></dt>
                      <dt><a th:href="@{queryNews(n_category=1)}">行业新闻</a></dt>
                      <dt><a th:href="@{queryNews(n_category=2)}">学术资讯</a></dt>
                  </dl>
              </li>
              <li><em></em><a class="bt">服务支持</a>
                  <dl>
                      <dt><a th:href="@{jumpServiceSupport}">ANGC服务</a></dt>
                      <dt><a th:href="@{jumpServiceAddress}">服务网点</a></dt>
                      <dt><a th:href="@{jumpRepair}">网上保修</a></dt>
                      <dt><a th:href="@{jumptoDataRequest}">资料索取</a></dt>
                      <dt><a th:href="@{jumptoComplainSuggest}">投诉建议</a></dt>
                  </dl>
              </li>
              <li><em></em><a class="bt">合作伙伴</a>
                  <dl>
                      <dt><a th:href="@{toQueryPatner}">合作伙伴</a></dt>
                  </dl>
              </li>
              <li><em></em><a class="bt">人才招聘</a>
                  <dl>
                      <dt><a th:href="@{recruitment}">招聘职位</a></dt>
                      <dt><a th:href="@{development}">培养与发展</a></dt>
                      <dt><a th:href="@{salary}">薪酬与福利</a></dt>
                  </dl>
              </li>
          </ul>
      </div>
    <div class="connect">
       <span class="kf">全国客服热线</span>
       <em class="tel">400-000-0004</em>
        <div class="SreachBox">
            <form method="post" action="fuzzy">
                <input name="n_name" type="text" value="搜索内容" onblur="if(this.value=='')this.value='搜索内容';" onfocus="if(this.value=='搜索内容')this.value='';" />
                <button class="sreach_btn"><span class="Texthide"></span></button>
            </form>
        </div>
    </div>
  </div>
</footer>
<footer class="BottomRight">
   <div class="Copyright">Copyright © 2015  粤ICP备88888888</div>
</footer>

<script type="text/javascript">
//整站无图处理
jQuery.each(jQuery("img"), function (i, n) { jQuery(n).error(function () { n.src = 'uploadfiles/nopic.jpg'; }); n.src = n.src; });
</script>

<script type="text/javascript">
    function GoSearchUrl() {
        var searchinput = document.getElementById("key");
        if (searchinput.value == "" || searchinput.value == "搜索内容") {
            alert("请输入关键字！");
            searchinput.focus();
            return false;
        }
        if (searchinput.value.length > 50) {
            alert("输入的关键字字数不要过多！");
            searchinput.focus();
            return false;
        }
        CheckString(searchinput.value);
    }

    function GoSreach(rs) {
        window.location = "{$syspath}search/search.aspx?key=" + escape(rs);
        return true;
    }

    function entersearch() {
        //alert(dd);
        var event = window.event || arguments.callee.caller.arguments[0];
        if (event.keyCode == 13) {
            GoSearchUrl();
        }
    }

    function CheckString(s) {
        var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）—|{}【】‘；：”“'。，、？]")
        var rs = "";
        for (var i = 0; i < s.length; i++) {
            rs = rs + s.substr(i, 1).replace(pattern, '');
        }
        if (rs == "") {
            alert("不能输入特殊字符！");
            return false;
        }
        else {
            GoSreach(rs);
        }
    }
</script><!--bottom End-->
</body>
</html>